<@user.user_html>

	<div class="clear"></div>
	
	
	<div class="orgnavsub" style="border-bottom:none;">
		<form name="addForm" id="addForm" action="${base}/user/show/index!save" method="post">
    	<div class="module">
        	<div class="red">把你最强的一面展示出来! 最棒的可以出现在首页！注意:展示请在30分钟内保存。</div>
            <table class="module_tab">
            	<tr>
                	<th>发生时间：</th>
                    <td><input name="show.showTime" type="text" class="t" style="width:200px; height:20px;" id="time"/></td>
                </tr>
                <tr>
                	<th>标    题：</th>
                    <td>
                    	<input id="title" name="show.title" type="text" class="t" style="width:200px; height:20px;" />
                    	<em id="titleTip">100字符</em>
                    </td>
                </tr>
                <tr>
                	<th>风  格：</th>
                    <td>
                    	<select name="show.viedo">
                    		<option value="0">图文</option>
                    		<option value="1">视频</option>
                    	</select>
                    </td>
                </tr>
                <tr>
                	<th>封   面：</th>
                    <td>
                    	<input id="upload_0" class="font13 vd_color9 bgff" name="upload" type="file" value="" onchange="return ajaxFileUpload(this);"/>
                    	<input id="hidden_0" type="hidden" name="show.cover" value=""/>
                    	<div>
                    		<img id="imgshow_0" width="320px" height="240px" src="${statics}/plugins/fileupload/pic_upload_default.jpg " class="multiple_img" onClick="openCut(this,'hidden_0');"/>
                    		<em id="hidden_0Tip">滑动鼠标剪裁图片</em>
                    	</div>
                    </td>
                </tr>
            </table>
            <p>上传后，点击图片，滑动鼠标就可以剪裁图片</p>
            <p>接下来,加入你想展示的文字/图片/音乐/视频...</p>
            
            <div class="module_btn">
            	<input name="" type="button" class="w" value="插入模块" onclick="document.getElementById('hiddenlist').style.display='block'" />
                <ul id="hiddenlist">
                	<li><a style="cursor:pointer"  onclick="addModule(0);">文 本</a></li>
                    <li><a style="cursor:pointer"  onclick="addModule(1);">图 片</a></li>
                    <li><a style="cursor:pointer"  onclick="addModule(2);">音 频</a></li>
                    <li><a style="cursor:pointer"  onclick="addModule(3);">视 频</a></li>
                </ul>
            </div>
            
        </div>
        
        <div class="WarpModule" id="show_modules0">
        	<div class="subtitle">
            	文 本            </div>
            <div class="module">
            	<table class="module_tab">
            		<input type="hidden" name="modules[0].type" value="0"/>
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[0].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>内   容：</th>
                        <td><textarea name="modules[0].content" cols="" rows="" class="t" style="width:500px; height:400px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(0)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        <div class="WarpModule" id="show_modules1">
        	<input type="hidden" name="modules[1].type" value="1"/>
        	<input id="hidden_1" type="hidden" name="modules[1].path" value=""/>
        	<div class="subtitle">
            	图 片            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th><div><img id="imgshow_1" width="320px" height="240px" src="${statics}/plugins/fileupload/pic_upload_default.jpg " class="multiple_img"/></div></th>
                        <td style=" vertical-align:top; padding-left:0px;">
                        	图片描述：<br />
                        	<textarea name="modules[1].title" cols="" rows="" class="t" style="width:400px; height:100px;"></textarea><br />
                            <em>100字符</em>
                        </td>

                        <td>
                        	
                        </td>
                    </tr>
                    <tr>
                    	<th></th>
                    	<td>
                    		上传：<br />
                        	<input id="upload_1" class="font13 vd_color9 bgff" name="upload" type="file" value="" onchange="return ajaxFileUpload(this);"/>
                        </td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(1)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        

        <div class="WarpModule" id="show_modules2">
        	<input type="hidden" name="modules[2].type" value="2"/>
        	<div class="subtitle">
            	音 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>歌曲地址：</th>
                        <td><textarea name="modules[2].path" cols="" rows="" class="t" style="width:500px; height:50px;"></textarea></td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>					
		                   <div class="m_list" id="player">
								<object type="application/x-shockwave-flash" data="${statics}/plugins/dewplayer/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer" >
									<param name="movie" value="dewplayer.swf" />
									<param name="flashvars" value="mp3=${statics}/plugins/dewplayer/mp3/theDown.mp3&amp;&amp;showtime=1" id="flashvarsId"/>
									<param name="wmode" value="transparent" />
								</object>
							</div>
						</td>
                    </tr>
                    
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(2)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        
        <div class="WarpModule" id="show_modules3">
        	<input type="hidden" name="modules[3].type" value="3"/>
        	<div class="subtitle">
            	视 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[3].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>视频HTML：</th>
                        <td><textarea name="modules[3].content" cols="" rows="" class="t" style="width:400px; height:80px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(3)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        <div class="WarpModule" id="show_modules4" style="display:none">
        	<div class="subtitle">
            	文 本            </div>
            <div class="module">
            	<table class="module_tab">
            		<input type="hidden" name="modules[4].type" value="0"/>
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[4].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>内   容：</th>
                        <td><textarea name="modules[4].content" cols="" rows="" class="t" style="width:500px; height:400px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(4)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        <div class="WarpModule" id="show_modules5" style="display:none">
        	<input type="hidden" name="modules[5].type" value="1"/>
        	<input id="hidden_2" type="hidden" name="modules[5].path" value=""/>
        	<div class="subtitle">
            	图 片            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th><div><img id="imgshow_2" width="320px" height="240px" src="${statics}/plugins/fileupload/pic_upload_default.jpg " class="multiple_img"/></div></th>
                        <td style=" vertical-align:top; padding-left:0px;">
                        	图片描述：<br />
                        	<textarea name="modules[5].title" cols="" rows="" class="t" style="width:400px; height:100px;"></textarea><br />
                            <em>100字符</em>
                        </td>

                        <td>
                        	
                        </td>
                    </tr>
                    <tr>
                    	<th></th>
                    	<td>
                    		上传：<br />
                        	<input id="upload_2" class="font13 vd_color9 bgff" name="upload" type="file" value="" onchange="return ajaxFileUpload(this);"/>
                        </td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(5)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        

        <div class="WarpModule" id="show_modules6" style="display:none">
        	<input type="hidden" name="modules[6].type" value="2"/>
        	<div class="subtitle">
            	音 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>歌曲地址：</th>
                        <td><textarea name="modules[6].path" cols="" rows="" class="t" style="width:500px; height:50px;"></textarea></td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>					
		                   <div class="m_list" id="player">
								<object type="application/x-shockwave-flash" data="${statics}/plugins/dewplayer/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer" >
									<param name="movie" value="dewplayer.swf" />
									<param name="flashvars" value="mp3=${statics}/plugins/dewplayer/mp3/theDown.mp3&amp;&amp;showtime=1" id="flashvarsId"/>
									<param name="wmode" value="transparent" />
								</object>
							</div>
						</td>
                    </tr>
                    
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(6)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        
        <div class="WarpModule" id="show_modules7" style="display:none">
        	<input type="hidden" name="modules[7].type" value="3"/>
        	<div class="subtitle">
            	视 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[7].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>视频HTML：</th>
                        <td><textarea name="modules[7].content" cols="" rows="" class="t" style="width:400px; height:80px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(7)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        <div class="WarpModule" id="show_modules8" style="display:none">
        	<div class="subtitle">
            	文 本            </div>
            <div class="module">
            	<table class="module_tab">
            		<input type="hidden" name="modules[8].type" value="0"/>
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[8].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>内   容：</th>
                        <td><textarea name="modules[8].content" cols="" rows="" class="t" style="width:500px; height:400px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(8)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        <div class="WarpModule" id="show_modules9" style="display:none">
        	<input type="hidden" name="modules[9].type" value="1"/>
        	<input id="hidden_3" type="hidden" name="modules[9].path" value=""/>
        	<div class="subtitle">
            	图 片            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th><div><img id="imgshow_3" width="320px" height="240px" src="${statics}/plugins/fileupload/pic_upload_default.jpg " class="multiple_img"/></div></th>
                        <td style=" vertical-align:top; padding-left:0px;">
                        	图片描述：<br />
                        	<textarea name="modules[9].title" cols="" rows="" class="t" style="width:400px; height:100px;"></textarea><br />
                            <em>100字符</em>
                        </td>

                        <td>
                        	
                        </td>
                    </tr>
                    <tr>
                    	<th></th>
                    	<td>
                    		上传：<br />
                        	<input id="upload_3" class="font13 vd_color9 bgff" name="upload" type="file" value="" onchange="return ajaxFileUpload(this);"/>
                        </td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(9)"/></span>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        

        <div class="WarpModule" id="show_modules10" style="display:none">
        	<input type="hidden" name="modules[10].type" value="2"/>
        	<div class="subtitle">
            	音 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>歌曲地址：</th>
                        <td><textarea name="modules[10].path" cols="" rows="" class="t" style="width:500px; height:50px;"></textarea></td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>					
		                   <div class="m_list" id="player">
								<object type="application/x-shockwave-flash" data="${statics}/plugins/dewplayer/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer" >
									<param name="movie" value="dewplayer.swf" />
									<param name="flashvars" value="mp3=${statics}/plugins/dewplayer/mp3/theDown.mp3&amp;&amp;showtime=1" id="flashvarsId"/>
									<param name="wmode" value="transparent" />
								</object>
							</div>
						</td>
                    </tr>
                    
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(10)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
        
        
        
        
        
        <div class="WarpModule" id="show_modules11" style="display:none">
        	<input type="hidden" name="modules[11].type" value="3"/>
        	<div class="subtitle">
            	视 频            </div>
            <div class="module">
            	<table class="module_tab">
                    <tr>
                        <th>标    题：</th>
                        <td><input name="modules[11].title" type="text" class="t" style="width:400px; height:20px;" /><em>100字符</em></td>
                    </tr>
                    <tr>
                        <th>视频HTML：</th>
                        <td><textarea name="modules[11].content" cols="" rows="" class="t" style="width:400px; height:80px;"></textarea></td>
                    </tr>
                </table>
                <div class="subright">
                    <span class="subbtn2"><input name="" type="button" class="w" value="删除模块" style="color:#666;" onClick="removeModule(11)"/></span>
                  
                </div>
                <div class="clear"></div>
            </div>
        </div>
 
        <div class="module">
            <table class="module_tab mlist">
            	<tr>
                	<th>显示模式：</th>
                    <td><input name="show.display" type="radio" value="0" checked="true"/>标准模式
                    	<input name="show.display" type="radio" value="1" />幻灯片模式 
                    </td>
                </tr>
                <tr>
                	<th>隐私设置：</th>
                    <td>
	                    <input name="show.privacy" type="radio" value="0" checked="true"/>公开
	                    <input name="show.privacy" type="radio" value="1" />仅会员可见
	                    <input name="show.privacy" type="radio" value="2" />仅相互关注可见
	                    <input name="show.privacy" type="radio" value="3" />隐藏<div class="red" style="font-size:12px;">注意：只有设置为公开，才有机会出现在美美首页!</div></td>
                </tr>
                <tr>
                	<th>展示类型：</th>
                    <td>
                    	<input name="show.type" type="radio" value="0"  checked="true"/>我自己
                    	<input name="show.type" type="radio" value="1" />我的作品
                    	<input name="show.type" type="radio" value="2" />活动/事件
                    	<input name="show.type" type="radio" value="3" />转载 </td>
                </tr>
            </table>
            
        </div>

        <div class="clear"></div>
        
        <div class="star_save" style="border:none;">
        	<input  name="" type="submit" class="save" value="" id="titlefocus"/>
        </div>
    	</form>
    </div>
<script type="text/javascript" src="${statics}/plugins/editor/fckeditor/fckeditor.js"></script>
<script type="text/javascript" src="${statics}/plugins/fileupload/ajaxfileupload.js" ></script>
<script type="text/javascript" src="${statics}/plugins/fileupload/ajaxupload.js" ></script>
<script type="text/javascript" src="${base}/scripts/user/show/add.js" language="javascript"></script>
<link type="text/css" rel="stylesheet" href="${statics}/scripts/jquery/formValidator3.3/style/validator.css"/>
<script type="text/javascript" src="${statics}/scripts/jquery/formValidator3.3/formValidator_min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${statics}/scripts/jquery/formValidator3.3/formValidatorRegex.js"  charset="UTF-8"></script>
<#include "/WEB-INF/content/tag/cut.ftl">
<script type="text/javascript">
	$(document).ready(function(){
		$.formValidator.initConfig({formid:"addForm",onerror:function(msg){},onsuccess:function(){return true;}});					
		$("#title")
		.formValidator({onshow:"请输入展示标题",onfocus:"请输入展示标题",oncorrect:"展示标题输入正确"})
		.inputValidator({min:6,max:100,onerror:"展示标题为6-100位字符,1个汉字算2位字符,请确认"});
		$("#hidden_0")
		.formValidator({onshow:"请上传封面",onfocus:"请上传封面",oncorrect:"滑动鼠标剪裁图片"})
		.inputValidator({min:1});
	});
</script>
<script type="text/javascript">
		window.onload = function() {	
			var oFCKeditor = new FCKeditor( 'modules[0].content' ) ;
			oFCKeditor.BasePath = "${statics}/plugins/editor/fckeditor/"
			oFCKeditor.ReplaceTextarea() ;
		}
</script>	
</@user.user_html>


